<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>编辑用户组成员</title>
</head>
<body>
    <form class="" role="form" style="padding: 15px">
        <div class="form-group col-xs-6">
            <label for="userGroupNameMember" class="col-xs-3 control-label">用户组名</label>
            <div class="col-xs-9">
                <input type="text" disabled="disabled" class="form-control" id="userGroupNameMember">
            </div>
        </div>
        <div class="form-group col-xs-6">
            <label for="userGroupDes" class="col-xs-3 control-label">描述</label>
            <div class="col-xs-9">
                <input type="text" disabled="disabled" class="form-control" id="userGroupDes">
            </div>
        </div>
    </form>

    <table class="table table-bordered">
        <!--data-url="http://192.168.100.158:8080/pharma/api/v1/users/get/user/1"-->
        <!--data-pagination="true"-->
        <tr >
            <td class="col-sm-5 col-md-5 col-lg-5">
                <div class="bootstrap-table table"  >
                    <div class="table-responsive">
                        <table id="tableLeft" data-toggle="table"
                               data-click-to-select="true"
                               data-row-style="rowStyle"
                               data-cell-style="cellStyle"

                               data-height="300"
                               data-unique-id="id"
                               data-striped="true" style="overflow-y: scroll">
                            <thead>
                            <tr>
                                <th data-field="id" data-visible="false">id</th>
                                <th data-field="state" data-checkbox="true"></th>
                                <th data-field="account">用户名</th>
                                <th data-field="name">姓名</th>
                            </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </td>

            <td class="col-sm-2 col-md-2 col-lg-2" style="vertical-align: middle">
                <button class="btn btn-primary btn-large btn-block" type="button" id="btnMoveIn" onclick="MoveInGroupUser()">--></button>
                <button class="btn btn-info btn-large btn-block" type="button" id="btnMoveOut" onclick="MoveOutGroupUser()"><---</button>
            </td>

            <!--data-url="http://192.168.100.158:8080/pharma/api/v1/userGroups/get/users/1"-->
            <!--data-pagination="true"-->
            <td class="col-sm-5 col-md-5 col-lg-5">
                <div class="bootstrap-table table" >
                    <div class="table-responsive">
                        <table id="tableRight" data-toggle="table"
                               data-click-to-select="true"
                               data-row-style="rowStyle"
                               data-cell-style="cellStyle"
                               data-height="300"
                               data-unique-id="id"
                               data-striped="true"  style="overflow-y: scroll">
                            <thead>
                            <tr>
                                <th data-field="id" data-visible="false">id</th>
                                <th data-field="state" data-checkbox="true"></th>
                                <th data-field="account">用户名</th>
                                <th data-field="name">姓名</th>
                            </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </td>
        </tr>

        </table>
    <br>
    <div style="text-align: center; top: 10px; height: 40px">
        <div class="btn-group btn-group-lg" >
            <button id="btnGroupUserEditSave" class="btn btn-info" type="button" onclick="btnGroupUserEditSave()">确定</button>
            <button id="btnGroupUserEditCancel" class="btn btn-info" type="button" onclick="btnGroupUserEditCancel()">关闭</button>
        </div>
    </div>


    <script src="../../webjar/bootstrap-table/bootstrap-table.js"></script>
</body>
</html>